<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>农产品溯源</title>

    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-editable/css/bootstrap-editable.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/iCheck/square/blue.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/morris/morris.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/datepicker/datepicker3.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/treeTable/jquery.treetable.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/treeTable/jquery.treetable.theme.default.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/select2/select2.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="__STATIC__/dist/css/style.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/ionslider/ion.rangeSlider.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/ionslider/ion.rangeSlider.skinNice.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-slider/slider.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="__STATIC__/dist/plugins/bootstrap-validator/bootstrap-validator.css">
    <link rel="stylesheet" href="__STATIC__/my/css/myCss.css">
    <link rel="stylesheet" href="__STATIC__/my/css/basic.css">
    <link rel="stylesheet" href="__STATIC__/my/css/demo.css">
    <link rel="stylesheet" href="__STATIC__/my/css/jsstyle.css">
    <link rel="stylesheet" href="__STATIC__/my/css/cartstyle.css">


</head>

<body style="background-color: #FCFCFC;">

<!--导航栏-->
<div class="container">
    <!-- Nav tabs -->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header" style="width: 100%;">
                <ul class="nav navbar-nav">
                    <li>
                        <a class="navbar-brand" href="home" style="padding: 1px 1px; width: 70px; margin: 0 2px; height: 50px;">
                            <img alt="Brand" src="__STATIC__/img/logo.jpeg" style="width: 55px;height: 50px;">
                        </a>
                    </li>
                    <li><a href="home"><b>农产品溯源</b></a></li>
                </ul>
                <ul class="Mymenu">
                    {if condition="$Think.session.uID"}
                    <li><a href="{:url('cart')}"><i class="glyphicon glyphicon-shopping-cart"></i>购物车</a></li>
                    <li><a href="#">{$Think.session.name}</a></li>
                    {else /}
                    <li><a href="#"><i class="glyphicon glyphicon-shopping-cart"></i>购物车</a></li>
                    <li><a href="{:url('userRegister')}">注册</a></li>
                    <li><a href="{:url('userLogin')}">登录</a></li>
                    {/if}
                </ul>
            </div>
        </div>
    </nav>

<form name="payForm" method="post" action="{:url('doPay')}">
    <div class="paycont">
        <div class="address">
            <h3>确认收货地址 </h3>

            <div class="control">
                <div class="tc-btn createAddr theme-login mr-btn mr-btn-danger" onclick="copyAddress()">使用新地址</div>
            </div>
            <div class="clear"></div>
            <ul  id="addressContainer">
                <div class="per-border"></div>
                <li class="user-addresslist defaultAddr" id="address" style="border: 2px solid #e5bc6c">

                    <div class="address-left">
                        <div class="user DefaultAddr">

										<span class="buy-address-detail">
                   <span class="buy-user">维尼</span>
										<span class="buy-phone">12345678912</span>
										</span>
                        </div>
                        <div class="default-address DefaultAddr">
                            <span class="buy-line-title buy-line-title-type">收货地址：</span>
                            <span class="buy--address-detail">
								   <span class="province">广东</span>省
										<span class="city">深圳</span>市
										<span class="dist">南山</span>区
										<span class="street">沙河西路4089号</span>
										</span>

                            </span>
                        </div>
                        <ins class="deftip">默认地址</ins>
                    </div>
                    <div class="address-right">
                        <a href="../person/address.html">
                            <span class="mr-icon-angle-right mr-icon-lg"></span></a>
                    </div>
                    <div class="clear"></div>

                    <div class="new-addr-btn">
                        <a href="#" class="hidden">设为默认</a>
                        <span class="new-addr-bar hidden">|</span>
                        <a href="#" style="color: #e2a332">编辑</a>
                        <span class="new-addr-bar">|</span>
                        <a href="javascript:void(0);" onclick="delClick(this);" style="color: #bf0808">删除</a>
                    </div>

                </li>
                <div class="per-border"></div>

            </ul>

            <div class="clear"></div>
        </div>

        <!--订单 -->
        <div class="concent">
            <div id="payTable">
                <h3>确认订单信息</h3>
                <!--数据列表-->
                <table style="text-align: center;"  id="dataList" class="table table-bordered table-striped table-hover dataTable">
                    <thead>
                    <tr>
                        <th class="text-center">产品图片</th>
                        <th class="text-center">产品名称</th>
                        <th class="text-center">产品参数</th>
                        <th class="text-center">单价</th>
                        <th class="text-center">数量</th>
                        <th class="text-center">总价</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="payList" id="item"}
                    <tr>
                        <td><img style='width: 110px;height: 80px;' src='__STATIC__/../uploads/goodsImg/{$item.detail.gImg}' alt='暂无图片'></td>
                        <td>{$item.detail.gName}</td>
                        <td>质量：{$item.detail.gQuality}&emsp;&emsp;等级：{$item.detail.gGrade}</td>
                        <td><i class="fa fa-jpy"></i>{$item.detail.gPrice}</td>
                        <td>{$item.num}</td>
                        <td><i class="fa fa-jpy"></i>{$item.totalPrice}</td>
                    </tr>
                    <input type="hidden" name="{$item.ID}" value="{$item.ID}" />
                    {/volist}
                    </tbody>
                </table>
            </div>

        </div>
        <div class="clear"></div>
        <div class="pay-total">
            <!--留言-->
            <div class="order-extra">
                <div class="order-user-info">
                    <div id="holyshit257" class="memo">
                        <label>买家留言：</label>
                        <input type="text" title="选填,对本次交易的说明（建议填写已经和卖家达成一致的说明）" placeholder="选填,建议填写和卖家达成一致的说明"
                               class="memo-input J_MakePoint c2c-text-default memo-close">

                        <div class="msg hidden J-msg">
                            <p class="error">最多输入500个字符</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="clear"></div>
        </div>
        <!--含运费小计 -->
        <div class="buy-point-discharge ">
            <p class="price g_price ">
                合计（含运费） <span>¥</span><em class="pay-sum">{$payPrice}</em>
            </p>
        </div>

        <!--信息 -->
        <div class="order-go clearfix">
            <div class="pay-confirm clearfix">
                <div class="box">
                    <div tabindex="0" id="holyshit267" class="realPay"><em class="t">实付款：</em>
                        <span class="price g_price ">
                                    <span>¥</span> <em class="style-large-bold-red " id="J_ActualFee">{$payPrice}</em>
											</span>
                    </div>

                    <div id="holyshit268" class="pay-address">

                        <p class="buy-footer-address">
                            <span class="buy-line-title buy-line-title-type">寄送至：</span>
                            <span class="buy--address-detail">
								   <span class="province">广东</span>省
												<span class="city">深圳</span>市
												<span class="dist">南山</span>区
												<span class="street">沙河西路4089号</span>
												</span>
                            </span>
                        </p>

                        <p class="buy-footer-address">
                            <span class="buy-line-title">收货人：</span>
                            <span class="buy-address-detail">
                                         <span class="buy-user">维尼</span>
												<span class="buy-phone">12345679812</span>
												</span>
                        </p>
                    </div>

                </div>
                <div id="holyshit269" class="submitOrder">
                    <div class="go-btn-wrap">
                        <a href="javascript:document:payForm.submit();" onclick="subPay()" class="btn-go" title="点击此按钮，提交订单">提交订单</a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</form>
<!-- 引入js依赖 -->
{include file="public/introduce" /}
<script src="__STATIC__/my/js/address.js"></script>
<script>
function subPay(){
    alert("已成功结算！");
    window.location.href = ("{:url('cart')}");
}
</script>

</body>
</html>